<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2022/5/7
  Time: 10:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>员工列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="/static/css/font.css">
    <link rel="stylesheet" href="/static/css/xadmin.css">
    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
    <script src="/static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/static/js/xadmin.js"></script>

</head>

<body>
<div class="x-nav">
			<span class="layui-breadcrumb">
				<a href="">首页</a>
				<a href="">演示</a>
				<a>
					<cite>导航元素</cite></a>
			</span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
    <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so">
            <input type="text" name="name" id="name" placeholder="请输入名字" autocomplete="off" class="layui-input">
            <button class="layui-btn" type="button" onclick="findByName()"><i
                    class="layui-icon">&#xe615;</i></button>
        </form>
    </div>
    <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <button class="layui-btn" onclick="x_admin_show('添加用户','/userPage/userAdd',600,400)"><i
                class="layui-icon"></i>添加</button>
        <span class="x-right" style="line-height:40px" id="total">共有数据：88 条</span>
    </xblock>
    <table class="layui-table">
        <thead>
        <tr>
            <th>
                <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i
                        class="layui-icon">&#xe605;</i></div>
            </th>
            <th>ID</th>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>用户名</th>
            <th>电话</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody id="tb">


        </tbody>
    </table>

    <div class="page">
        <div>
            <span id="row"></span>
            <a class="prev" href="javascript:prePage()" >上一页</a>
            <span class="current" id="curPage"></span>
            <a class="num" href="" id="totalPage"></a>
            <a class="next"  href="javascript:nextPage()">下一页</a>
        </div>
    </div>
    <script>
        layui.use('laydate', function() {
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });
        });


        /*用户-删除*/
        function member_del(obj) {
            //获取当前选中行的userId
            var userId = $(obj).parent().parent().find("td").eq(1).text();
            layer.confirm('确认该员工已经离职？', function(index) {

                $.ajax({
                    url:"/userAjax/delete",
                    type:"get",
                    data:{"userId":userId},
                    success:function (rs) {

                        if(rs.success){
                            $(obj).parents("tr").remove();
                            layer.msg(rs.info, {
                                icon: 1,
                                time: 1000
                            });
                        }

                    }
                })


            });
        }

        //批量删除
        function delAll(argument) {
            var data = tableCheck.getData();
            console.log(data);
            var bitId ="";
            for(var i =0;i<data.length;i++){
                bitId +=data[i]+",";
            }
            console.log(bitId);
            layer.confirm('确认要删除吗？', function(index) {
                //捉到所有被选中的，发异步进行删除
                $.ajax({
                    url:"/adminAjax/delBitch",
                    type:"get",
                    data:{"bitId":bitId},
                    success:function (rs) {
                        if(rs.success){
                            layer.msg(rs.info, {
                                icon: 1
                            });
                            $(".layui-form-checked").not('.header').parents('tr').remove();
                        }
                    }
                })

            });
        }

        //页码
        var page =1;
        //每页条数
        var row = 2;
        //总页数
        var totalPage=0;

        //定义加载所有数据的方法
        function findByName(){
            var name =$("#name").val();
            $.ajax({
                url: "/userAjax/listByName",
                type: "get",
                data:{"page":page,"row":row,"name":name},
                success: function (rs) {
                    var html = "";
                    $("#total").text("一共"+rs.data.total+"条");
                    //显示总页数
                    $("#totalPage").text("共"+rs.data.totalPage+"页");
                    totalPage = rs.data.totalPage;
                    //当前页
                    $("#curPage").text("当前第"+page+"页");
                    //每页显示条数
                    $("#row").text("每页"+row+"条");
                    for (var i = 0; i < rs.data.list.length; i++) {
                        html += "<tr>" +
                            "<td> <div class=\"layui-unselect layui-form-checkbox\" lay-skin=\"primary\" data-id='" + rs.data.list[i].userId + "'><i class=\"layui-icon\">&#xe605;</i></div> </td>" +
                            "<td>" + rs.data.list[i].userId + "</td>" +
                            "<td>" + rs.data.list[i].name + "</td>" +
                            "<td>" + rs.data.list[i].userSex + "</td>" +
                            "<td>" + rs.data.list[i].userAge + "</td>" +
                            "<td>" + rs.data.list[i].userName + "</td>" +
                            "<td>" + rs.data.list[i].tel + "</td>" +
                            "<td style='display:none'>" + rs.data.list[i].userPwd + "</td>" +
                            "<td style='display:none'>" + rs.data.list[i].salt + "</td>" +
                            "<td style='display:none'>" + rs.data.list[i].deleted + "</td>" +
                            "<td class=\"td-manage\">" +
                            "<a title=\"编辑\" onclick=\"update(this)\" href=\"javascript:;\">" +
                            " <i class=\"layui-icon\">&#xe642;</i></a>" +
                            "<a title=\"删除\" onclick=\"member_del(this)\" href=\"javascript:;\">" +
                            "<i class=\"layui-icon\">&#xe640;</i></a>" +
                            "</td>" +
                            "</tr>"
                    }
                    //显示在表格中
                    $("#tb").html(html);
                }
            });
        }
        function loadData() {

              $.ajax({
                  url:"/userAjax/list",
                  type:"get",
                  data:{"page":page,"row":row},
                  success:function (rs) {
                      if(rs.success){
                          var html = "";
                          //显示总条数
                          $("#total").text("一共"+rs.data.total+"条");
                          //显示总页数
                          $("#totalPage").text("共"+rs.data.totalPage+"页");
                          totalPage = rs.data.totalPage;
                          //当前页
                          $("#curPage").text("当前第"+page+"页");
                          //每页显示条数
                          $("#row").text("每页"+row+"条");
                          console.log(rs.data)
                          for(var i=0;i<rs.data.list.length;i++){
                              html+="<tr>" +
                                     "<td> <div class=\"layui-unselect layui-form-checkbox\" lay-skin=\"primary\" data-id='"+rs.data.list[i].userId+"'><i class=\"layui-icon\">&#xe605;</i></div> </td>"+
                                     "<td>"+rs.data.list[i].userId+"</td>" +
                                     "<td>"+rs.data.list[i].name+"</td>" +
                                     "<td>"+rs.data.list[i].userSex+"</td>" +
                                    "<td>"+rs.data.list[i].userAge+"</td>" +
                                     "<td>"+rs.data.list[i].userName+"</td>" +
                                   "<td>"+rs.data.list[i].tel+"</td>" +
                                  "<td style='display:none'>"+rs.data.list[i].userPwd+"</td>" +
                                  "<td style='display:none'>"+rs.data.list[i].salt+"</td>" +
                                  "<td style='display:none'>"+rs.data.list[i].deleted+"</td>" +
                                  "<td class=\"td-manage\">"+
                                  "<a title=\"编辑\" onclick=\"update(this)\" href=\"javascript:;\">"+
                                 " <i class=\"layui-icon\">&#xe642;</i></a>"+
                                 "<a title=\"删除\" onclick=\"member_del(this)\" href=\"javascript:;\">"+
                                  "<i class=\"layui-icon\">&#xe640;</i></a>"+
                                  "</td>"+
                              "</tr>"

                          }
                          //显示在表格中
                          $("#tb").html(html);
                      }

                  }
              });

        }

        //修改数据回显
        function update(obj){
             //获取当前选中行的userId
            var userId = $(obj).parent().parent().find("td").eq(1).text();
            //存入到本地存储对象中，cookie
            localStorage.setItem("userId",userId);
            var name = $(obj).parent().parent().find("td").eq(2).text();
            //存入到本地存储对象中，cookie
            localStorage.setItem("name",name);
            var userSex = $(obj).parent().parent().find("td").eq(3).text();
            //存入到本地存储对象中，cookie
            localStorage.setItem("userSex",userSex);
            var userAge = $(obj).parent().parent().find("td").eq(4).text();

            localStorage.setItem("userAge",userAge);
            var userName = $(obj).parent().parent().find("td").eq(5).text();
            //存入到本地存储对象中，cookie
            localStorage.setItem("userName",userName);
            var tel = $(obj).parent().parent().find("td").eq(6).text();
            //存入到本地存储对象中，cookie
            localStorage.setItem("tel",tel);
            var userPwd = $(obj).parent().parent().find("td").eq(7).text();
            //存入到本地存储对象中，cookie
            localStorage.setItem("user_Pwd",userPwd);
            var salt = $(obj).parent().parent().find("td").eq(8).text();
            //存入到本地存储对象中，cookie
            localStorage.setItem("salt",salt);
            var deleted = $(obj).parent().parent().find("td").eq(9).text();
            //存入到本地存储对象中，cookie
            localStorage.setItem("deleted",deleted);
            x_admin_show('编辑','/userPage/userEdit',600,400)
        }

        //文档加载事件
        $(function () {
            //运行加载数据
            loadData();
        })

        //上一页
        function prePage() {
                page--;
                if(page<1){
                    page=1;
                }
                //刷新
              loadData();
        }
        //下一页
        function nextPage() {
            page++;

            if(page>totalPage){
                page = totalPage;
            }
            //刷新
            loadData();
        }

    </script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</body>

</html>

